<!DOCTYPE html>
<html>
<head>
    <title>YouTube Audio Player</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>YouTube Audio Player</h1>
    <ul id="audio-list">
        {% for audio in audio_files %}
        <li>
            <audio controls>
                <source src="{{ url_for('static', filename='downloads/' + audio.filename) }}" type="audio/mpeg">
                Your browser does not support the audio element.
            </audio>
            <p>{{ audio.title }}</p>
        </li>
        {% endfor %}
    </ul>
    <script src="{{ url_for('static', filename='script.js') }}"></script>
</body>
</html>
